<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title><MySource_PRINT var="site_name" /> :: <MySource_PRINT var="asset_short_name" /></title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta name="description" content="your description goes here" />
<style type="text/css">
    body{
		background-color:#e3e3e3;
		color:#505050;
		font:76% Arial,sans-serif;
		margin:0;
		padding:0;
    }
a:link {
	color: #555;
}
a:visited {
	color: #999;
}
a:hover {
	color: #656565;
}
a:active {
	color: #333;
}
</style>
<script src="mysource_files/menumap.js" language="javascript"></script>
<script src="mysource_files/sitestatus.js" language="javascript"></script>
<script src="mysource_files/sitesearch.js" language="javascript"></script>
<script src="mysource_files/menubutton.js" language="javascript"></script>
<script>
function getContentPath() { return("wa") }
function hideElement(elementId)
{
	var element = document.getElementById(elementId);
	if(element && element.style) {
		element.style.visibility = "hidden";
	}
}

function relocateToWaikato()
{
	window.location='<MySource_PRINT id_name=\"__global__\" var=\"site_link\" full_url=\"true\"/>';
}

function createScriptedObjects()
{
	hideElement("menumap_template");
	hideElement("searchmenu_template");

	var menumapInstance = new menumap( document.getElementById("menu_projects") );
	var statusInstance = new sitestatus(document.getElementById("site_status"));
	var searchInstance = new sitesearch(document.getElementById("site_search"), "mysource_files/search_idle.png", "mysource_files/search_active.png");
	/* var searchInstance = new newsupdate(document.getElementById("home_updates")); */

	var menuPrefix = "mysource_files/";
	var menuButtons = new Array();
	var menuNames = new Array();
	var menuFunctions = new Array();
	
	menuNames[0] = "home";
	menuNames[1] = "news";
	menuNames[2] = "projects";
	menuNames[3] = "events";
	menuNames[4] = "help";
	
	menuFunctions[0] = function() { alert(); }
	menuFunctions[1] = function() { alert(); }
	menuFunctions[2] = function() { menumapInstance.toggleDisplay(); }
	menuFunctions[3] = function() { alert(); }
	menuFunctions[4] = function() { alert(); }

	for(var i = 0; i < menuNames.length; i++) {

		var idleFilename = menuPrefix + "idle_" + menuNames[i] + ".png";
		var overFilename = menuPrefix + "over_" + menuNames[i] + ".png";
		menuButtons[i] = new sitebutton(("menu_" + menuNames[i]), idleFilename, overFilename, menuFunctions[i]);
	}
}

</script>

</head>

<body onload="createScriptedObjects();">

<!--
Website title
-->
<div>
    <div style="position:absolute; left:0px; top:0px; right:83px; height:133px; background-color:#cc0000;">
        <div style="position:absolute; width:300px; height:104px; top:0px; background:url(mysource_files/top_uow.png); cursor:pointer;" onclick="relocateToWaikato();">
        </div>
        <div style="position:absolute; width:250px; height:104px; top:0px; background:url(mysource_files/top_cosi.png); right:0px;">
        </div>
	    <div style="position:absolute; left:0px; height:23px; top:110px; background:url(mysource_files/top_greybar.png); right:0px;">
        	<div id="site_status" style="position:absolute; left:0px; top:0px; height:23px; width:160px; color:#AAA; padding-left:5px; padding-top:3px; font-size:10px;">
            </div>
            <div id="site_search" style="position:absolute; right:100px; top:0px; height:23px; width:150px;">
            </div>
            <div id="site_search" style="position:absolute; right:0px; top:0px; height:23px; width:25px; background-image:url(mysource_files/loading.gif);">
            </div>
        </div>
    </div>
	<div style="position:absolute; width:83px; height:133px; background:url(mysource_files/top_wedge.png); top:0px; right:0px;">
    </div>
</div>

<!--
Website left menus
-->
<div style="position:absolute; left:0px; top:135px; height:300px;">
    <div style="height:260px; background-color:#262626;">
        <div style="width:160px; height:25px;">
            <div style="background-image:url(mysource_files/close_idle.png); width:21px; height:21px; position:absolute; right:2px; top:2px;">
            </div>
        </div>
        <div id="menu_home" style="width:160px; height:28px;">
        </div>
        <div id="menu_news" style="width:160px; height:28px;">
        </div>
        <div id="menu_projects" style="width:160px; height:28px;">
        </div>
        <div id="menu_events" style="width:160px; height:28px;">
        </div>
        <div id="menu_help" style="width:160px; height:28px;">
        </div>
    </div>
    <div style="width:160px; height:40px; background-image:url(mysource_files/middle_menu_footer.png)">
    </div>
</div>

<!--
Website feature menus
-->
<div style="position:absolute; right:0px; top:200px; height:300px; width:180px;">

	<div style="position:absolute; top:0px; left:0px; ">
    	<div style="position:absolute; top:0px; left:0px; background-image:url(mysource_files/feature_calender.png); height:24px; width:180px;">
        </div>
        <div style="position:absolute; top:24px; left:0px; background-color:#dcdcdc; height:124px; width:174px; border-style:solid; border-width:1px; border-color:#999; border-top-style:none; height:120px; width:173px;">
        </div>
    </div>    
    
	<div style="position:absolute; top:180px; left:0px; ">
    	<div style="position:absolute; top:0px; left:0px; background-image:url(mysource_files/feature_community_map.png); height:24px; width:180px;">
        </div>
        <div style="position:absolute; top:24px; left:0px; background-color:#dcdcdc; height:124px; width:174px; border-style:solid; border-width:1px; border-color:#999; border-top-style:none; height:120px; width:173px;">
        </div>
    </div>    
    
	<div style="position:absolute; top:360px; left:0px; ">
    	<div style="position:absolute; top:0px; left:0px; background-image:url(mysource_files/feature_site_statistics.png); height:24px; width:180px;">
        </div>
        <div style="position:absolute; top:24px; left:0px; background-color:#dcdcdc; height:124px; width:174px; border-style:solid; border-width:1px; border-color:#999; border-top-style:none; height:120px; width:173px;">
        </div>
    </div>   
</div>


<!--
Website main area
-->
<div id="site_main" style="position:absolute; left:162px; top:135px; right:182px; height:590px; border-color:#CCC; border-width:1px; border-style:solid;">
<MySource_AREA id_name="body" design_area="body" />

<div style="position:absolute; left:0px; top:0px; right:0px; height:24px; background-color:#d8d8d8">ASSET_LINEAGE </div>
<div style="position:absolute; left:0px; top:24px; right:0px; height:100px; background-color:#efefef;">
<div style="position:absolute; left:5px; top:5px; right:290px; height:90px; font-size:10px;">
	<div style="position:absolute; left:0px; top:0px; height:20px; font-size: 18px; right:0px; ">Digital Image Resize Tool</div>
	<div style="position:absolute; left:0px; top:30px; height:35px; font-size: 12px; right:0px; border-bottom:solid 1px #D5D5D5;">The Digital Image  carving</div>

    <div style="position:absolute; left:0px; top:75px;  font-size:10px;">
    Homepage
    </div>
    <div style="position:absolute; left:60px; top:75px;  font-size:10px;">
    Download
    </div>
    <div style="position:absolute; left:120px; top:75px;  font-size:10px;">
    Contact
    </div>
    <div style="position:absolute; left:180px; top:75px;  font-size:10px;">
    Preview
    </div>
    <div style="position:absolute; left:240px; top:75px;  font-size:10px;">
    Source
    </div>
</div>
<div style="position:absolute; right:0px; top:5px; height:90px; font-size: 12px; width:290px; font-size:10px;">
    
        <div style="position:absolute; left:0px; top:0px; right:0px; height:75px;">
Image
    </div>
    
    <div style="position:absolute; left:0px; top:75px;">
    Submitted: 10/03/09
    </div>
    <div style="position:absolute; left:130px; top:75px;">
      Populatrity: 1020
    </div>
</div>
</div>
<div style="position:absolute; padding:5px; left:0px; top:130px; right:0px; height:400px; background-color:#efefef;"> Project description</div>

<div style="position:absolute; padding:5px; left:0px; top:545px; right:0px; height:35px; background-color:#efefef;">
   <div style="position:absolute; left:5px; top:5px;  font-size:10px;">
Tags:
    </div>
       <div style="position:absolute; left:5px; top:20px; ">
Computer Science | Algorithms
    </div>
</div>
</div>

</div>
<div style="position:absolute; left:162px; top:730px; right:182px; height:30px; border-color:#CCC; border-width:1px; border-style:solid; background-color:#DDD; text-align:center; font-size:10px; color:#656565;">
<a href="<MySource_PRINT id_name="__global__" var="site_link" full_url="true"/>/copyright">Copyright and Legal Statement</a> | <a href="mailto:webmaster at cosi.scms.waikato.ac.nz">Webmaster</a> | <a href="<MySource_PRINT id_name="__global__" var="site_link" full_url="true"/>/site-map">Site Map</a><br />
The University of Waikato 2009
</div>
<!--
Website templates
-->
<div id="searchmenu_template" style="position:absolute; left:330px; top:800px; width:250px; height:60px; ">
	<div id="searchmenu_container" style="position:absolute; left:0px; top:0px; width:250px; height:60px; font-family:Arial; font-size:12px; background-color:#292929; color:#CCC; padding-left:5px;">
    <div style="padding-top:5px;">Search terms:
    <form>
        <input name="" type="text" size="23" />
        <input name="" type="button" value="Search"  />
    </form>
    </div>
    </div>
</div>
</body>
</html>